





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>Google API </title>
</head>
<body>
<div style="display:none;">
<section id="wrapper">
Click the allow button to let the browser find your location.
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <article>
    </article>
<script>
function success(position) {
  var mapcanvas = document.createElement('div');
  mapcanvas.id = 'mapcontainer';
  mapcanvas.style.height = '400px';
  mapcanvas.style.width = '600px';

  document.querySelector('article').appendChild(mapcanvas);

  var coords = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
  
  var options = {
    zoom: 15,
    center: coords,
    mapTypeControl: false,
    navigationControlOptions: {
    	style: google.maps.NavigationControlStyle.SMALL
    },
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("mapcontainer"), options);

  var marker = new google.maps.Marker({
      position: coords,
      map: map,
      title:"você está aqui"
  });
	var lat = position.coords.latitude;
	var long = position.coords.longitude;
	
	
	document.getElementById('lat').value=lat;
	document.getElementById('long').value=long;
	
}

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(success);
} else {
  error('Geo Location is not supported');
}
</script>
</section>
</div>
<form method="post" action="acao.php">
<table>
<tr>
<td>
<input type="hidden" name="lat" id="lat"/>
<input type="hidden" name="long" id="long"/>
<input type="submit" style="background-image:url(checkin.png);width:65px;height:24px;border-radius:6px;cursor:pointer;" name="checkin" value=""/>
</td>
</tr>
</table>

</form>
<a class="twitter-timeline"  href="https://twitter.com/joaoderly" data-widget-id="390537239035252736">Tweets de @joaoderly</a>


<a class="twitter-timeline" href="https://twitter.com/BlueinfoRodrigo" data-widget-id="369781438486282240">Tweets de @BlueinfoRodrigo</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>


</body>
</html>